<template>
  <!-- 会员细分分析 -->
  <div class="membershipType">
    <div class="head">
        <p>会员细分分析</p>
    </div>
    <div class="content">
        <Echarts :idName="'membershipType'" :echartsData="echartsData" :isAxisChart="false"></Echarts>
    </div>
  </div>
</template>

<script>
import Echarts from '../../components/echarts.vue'
export default {
components:{
    Echarts
},
data(){
    return {
      echartsData:{
        series: [
  {
    name: 'Access From',
    type: 'pie',
    hoverAnimation: false, // 取消经过效果

    radius: ['40%', '70%'],
    avoidLabelOverlap: false,
    label: {
      show: false,
      position: 'center'
    },
    emphasis: {
            scale: false // 取消经过时高亮效果
        },

    data: [
      { value: 1048, name: '正式会员' },
      { value: 735, name: '普通会员' },
      { value: 580, name: '访客用户' }

    ]
  }
]
      }
    }
}
}
</script>

<style>

</style>